import React from 'react';
import d from './detail.module.scss'
import { LocationFill, MailFill, LeftOutline, LikeOutline, AlipayCircleFill, StarOutline, SmileOutline } from 'antd-mobile-icons'
import { Input } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';

function Detail(props) {

    const navigate = useNavigate()
    /* ----------------------------------- 返回 ----------------------------------- */
    const backAction = () => {

    }

    return (
        <div className={d.detail}>
            <div className={d.header}>
                <div className={d.headerBack} onClick={backAction}><LeftOutline /></div>
                <div className={d.headerBtn}>关注</div>
                <div className={d.headerAvatar}>
                    <img src="http://localhost:8080/images/avatar/default_avatar.png" alt="" />
                </div>
            </div>
            <div style={{ width: '100%', height: '40px' }}></div>
            <div className={d.main}>
                <div className={d.mainTitle}>梦开始的地方：韦德之道6正式复刻回归</div>
                <div className={d.mainAuthor}>
                    <div className={d.authorName}>james</div>
                    <div className={d.authorDate}>2024-03-25</div>
                </div>
                <div className={d.mainDesc}>盼望着，盼望着，不知过了几个春天，韦德之道6，终于迎来了复刻。</div>
                <div className={d.mainContent}>
                    从设计师疯狂晒上脚图，到今天拿到复刻版的市售，感觉都隔了好几年时间。
                    在WOW6元年刚发售的时候，马也哥刚做鞋评不久，国产球鞋也只是大家“打水泥的备选工具”，搜XCin那段时间的球鞋节目，你会发现，国产鞋款的占比极少，不是我们对当时的国产鞋有偏见啥的，事实就是：那时候大部分国产产品，都不值得摆上台面来唠。
                    在WOW6元年刚发售的时候，马也哥刚做鞋评不久，国产球鞋也只是大家“打水泥的备选工具”，搜XCin那段时间的球鞋节目，你会发现，国产鞋款的占比极少，不是我们对当时的国产鞋有偏见啥的，事实就是：那时候大部分国产产品，都不值得摆上台面来唠。
                    在WOW6元年刚发售的时候，马也哥刚做鞋评不久，国产球鞋也只是大家“打水泥的备选工具”，搜XCin那段时间的球鞋节目，你会发现，国产鞋款的占比极少，不是我们对当时的国产鞋有偏见啥的，事实就是：那时候大部分国产产品，都不值得摆上台面来唠。
                    在WOW6元年刚发售的时候，马也哥刚做鞋评不久，国产球鞋也只是大家“打水泥的备选工具”，搜XCin那段时间的球鞋节目，你会发现，国产鞋款的占比极少，不是我们对当时的国产鞋有偏见啥的，事实就是：那时候大部分国产产品，都不值得摆上台面来唠。
                    在WOW6元年刚发售的时候，马也哥刚做鞋评不久，国产球鞋也只是大家“打水泥的备选工具”，搜XCin那段时间的球鞋节目，你会发现，国产鞋款的占比极少，不是我们对当时的国产鞋有偏见啥的，事实就是：那时候大部分国产产品，都不值得摆上台面来唠。
                    在WOW6元年刚发售的时候，马也哥刚做鞋评不久，国产球鞋也只是大家“打水泥的备选工具”，搜XCin那段时间的球鞋节目，你会发现，国产鞋款的占比极少，不是我们对当时的国产鞋有偏见啥的，事实就是：那时候大部分国产产品，都不值得摆上台面来唠。
                </div>
                {/* <div className={d.mainLike}>
                    
                    <div className={d.share}>
                        <MailFill />
                        <LocationFill />
                        <AlipayCircleFill />
                    </div>
                </div> */}


                <div className={d.options}>
                    <div className={d.input}>
                        <Input
                            placeholder='评论区等待你的输出'
                            style={{
                                '--font-size': '12px'
                            }}
                        />
                    </div>
                    <div className={d.like}><LikeOutline /> 30</div>
                    <div className={d.collect}><StarOutline /> 30</div>                </div>
            </div>


        </div>
    );
}

export default Detail;